草庐IT

HTML5 SVG

全部标签

javascript - React - 如何在 JSON 中返回 HTML 元素

我有一个JSON文件,其中包含字符串中的HTML元素-是否可以将React/JSX中的数据作为有效呈现的HTML返回?varHello=React.createClass({render:function(){varexampleJSONData={"item":"Hello","text":"Loremipsumdolorsitamet"}return{data.item}{data.text};}});返回:HelloLoremipsumdolorsitamet而不是:HelloLoremipsumdolorsitametfiddle 最佳答案

javascript - 带有来自变量的 HTML 标记的 JSX

我有一个在JSX中定义的React组件,它使用td或th返回一个单元格,例如:if(myType==='header'){return(somecontent);}return(somecontent);是否有可能以从变量中获取HTML标记的方式编写JSX?喜欢:letmyTag=myType==="header"?'th':'td';return(somecontent);以上代码返回错误:"unexpectedtoken"pointingat{.我正在使用带有Babel插件的Webpack来编译JSX。 最佳答案 尝试像这样设置

javascript - 如何使用 JavaScript 更改 svg <g transform=scale(X)> 的参数?

嘿。假设我的页面某处有SVG图形。当触发某些事件时,我想重新调整一组。我该怎么做?示例代码:Text我想更改scale(13)参数,为此应该在functiongetScreenSize(evt){...}?或者如何以不同的方式达到类似的效果?编辑至于一般想法,我想调整图形大小而不在任何地方指定固定值。所以我的div大小是基于百分比的,现在我只希望我的图形完全适合我的div,而不管它的大小。这就是为什么我想到JS在事件被触发(div调整大小)时更改scale()参数。函数将放入DivSize/rectBaseSize(x或y)的比例参数计算。 最佳答案

javascript - HTML5 拖放 ondragover 未在 Chrome 中触发

我这里有一个简单的例子,它对我来说在Chrome11中没有触发http://jsfiddle.net/G9mJw/它包含一个非常简单的代码:vardropzone=document.getElementById('dropzone'),draggable=document.getElementById('draggable');functiononDragOver(event){varcounter=document.getElementById('counter');counter.innerText=parseInt(counter.innerText,10)+1;}dropzon

javascript - 将 HTML DOM 结构转换为 JSON

我在这上面浪费了很多时间..递归部分很虚幻。对于给定的HTML结构,深度未知,我需要转换为JSON。(我在我正在构建的一些YAMLi18n翻译系统中使用它)我的一般想法是深入直到找到INPUT,然后创建一个具有span.innerHTML/input.value的键/值的对象,并返回对象,因此它将是最后一个KEY的值达到。(是的,有点复杂但是开发起来很有趣)JSBINplayground-实时代码示例我无法让我的递归函数正常工作,无法输出我想要的JSON...HTML结构footerstatementlandingpage_titlepage_sub_titlepricingtitle

javascript - 我如何判断 HTML5 音频元素是否正在使用 Javascript 播放

我在网页中有一个audio元素,我想确保用户在离开页面时不会继续播放它。如何确定页面卸载时audio元素没有播放?到目前为止,我有以下代码,但它似乎不起作用;卸载时弹出的对话框报告说playing是false即使音频正在播放也是如此:functionunloadTasks(){if(playing&&!window.confirm("Apodcastisplaying,andnavigatingawayfromthispagewillstopthat.Areyousureyouwanttogo?"))window.alert("HereiswhereIwillstopthepagefr

javascript - 如何使用JS加载另一个html文件

我正在尝试创建一个网站,并且正在尝试弄清楚如何加载页面。例如:您单击导航器“主页”,然后单击屏幕底部,它会加载一个页面女巫文本,例如“HelloWord!”。有人知道怎么办吗?我很确定它涉及JavaScript。 最佳答案 要动态加载内容,您可以使用XMLHttpRequest()进行AJAX调用。在此示例中,一个url被传递给loadPage()函数,其中返回加载的内容。functionloadPage(href){varxmlhttp=newXMLHttpRequest();xmlhttp.open("GET",href,fal

javascript - 使用d3获取鼠标点击svg的坐标

我想获取鼠标点击矩形svg时的坐标。我正在尝试将鼠标点击坐标打印到控制台。我可以使用pageX和pageY来获取坐标,但那是整个页面的坐标。我只需要svg中的坐标。我正在使用d3.v3.min.js所以我尝试了:$(document).mousedown(function(){console.log(d3.mouse(this));});我得到错误:UncaughtTypeError:Cannotreadproperty'sourceEvent'ofnull我也试过:$(document).mousedown(function(){console.log(d3.mouse(docume

javascript - SVG 平滑手绘

我使用原生JS实现了路径的徒手绘制。但正如预期的那样,路径边缘几乎没有侵略性且不平滑。所以我可以选择使用simplifyJS来简化点然后重绘路径。但是喜欢here,而不是绘制后平滑,我试图在绘制时找到简化的边缘这是我的代码:varx0,y0;vardragstart=function(event){varthat=this;varpos=coordinates(event);x0=pos.x;y0=pos.y;that.points=[];};vardragging=function(event){varthat=this;varxy=coordinates(event);varpoi

javascript - 如何使用 JavaScript 获取 HTML 节点所属的窗口对象?

由于多个iframe、XUL浏览器元素等,我的XULRunner应用程序中有许多窗口对象。我正在寻找使用JavaScript查找指定节点所属的窗口对象的最佳方法。因此,更具体地说,给定节点x,我需要找到包含x的特定窗口对象。 最佳答案 +1到你的问题,这正是我正在寻找的,感谢你通过回答自己直接给出的提示。我用谷歌搜索了一下,根据http://www.quirksmode.org/dom/w3c_html.html跨浏览器表我认为正确的答案是:functionGetOwnerWindow(html_node){/*ownerDocum